<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"/>
	<title>翼虎网</title>
	<link rel="stylesheet" href="style/base.css" />
	<link rel="stylesheet" href="style/sass.css" />
	<script src="jquery-3.1.1.min.js"></script>
	<script src="1.js"></script>
</head>
<body>
	<header class="container">
		<h1 class="fl"><a href="index.html">logo</a></h1>
		<ul>
			<li>
				<a href="javascript:;">编辑图片</a>
				<ul>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:;">影视档案</a>
			</li>
			<li>
				<a href="javascript:;">微利图库</a>
			</li>
			<li>
				<a href="javascript:;">视频</a>
			</li>
			<li class="border"></li>
			<li>
				<a href="javascript:;">汽车背景</a>
			</li>
			<li>
				<a href="javascript:;">推荐</a>
			</li>
			<li>
				<a href="javascript:;">供稿</a>
			</li>
		</ul>
		<div class="nav-right fr">
			<a href="#" class="fl"><img src="image/msg1.png" width="22" height="19" /></a>
			<a href="index1.html" class="fr"><img src="image/login.png"></a>
		</div>
	</header>
	<div class="sideshow">
		<ul id="ul1">
			<li class="active"><a href="javascript:;"><img src="image/1491556773462.jpg"></a></li>
			<li><a href="javascript:;"><img src="image/1492398436169.jpg"></a></li>
			<li><a href="javascript:;"><img src="image/1492398326575.jpg"></a></li>
			<li><a href="javascript:;"><img src="image/1492398367664.jpg"></a></li>
			<li><a href="javascript:;"><img src="image/1492398436169.jpg"></a></li>

		</ul>
		<ol id="ol1">
			<li class="active"></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ol>
		<input type="text" value="每个人心里都有一个春天" ></input>
	</div>
	<div class="section container">
		<div class="section-left fl">
			<img src="image/automobile.jpg" />
			<div class="text">
				<h3>高品微图</h3>
				<span class="text-b">高品图像旗下品牌，6000万照片、插画和矢量图，低至3元/张</span>
			</div>
		</div>
		<div class="section-right fr">
		<img src="image/1491889583380.jpg" />
			<div class="bod">
				<span>如果你能</span>
				<h3>活的精彩</h3>
				<h4>新图库<i>15</i>万张上线</h4>
				<p>旅行/生活/自然/历史</p>
			</div>
		</div>
	</div>
	<div class="section1 container">
		<div class="tabs">
			<ul class="tabs-ul fl" id="tabs-ul">
				<li class="active">创意灵感</li>
				<li>编辑之选</li>
				<li class="end">影视档案</li>
			</ul>
			<div class="tabs-right fr">
			<a href="index2.html" class="more">查看所有</a>
			</div>
		</div>
		<ul class="section1-msg" id="section1-msg">
			<li class="active section1-msg1">
				<div class="section1-left">
					<div class="top">
						<img src="image/1492164634130.do.jpg"/>
						<div class="top-div">精彩好用的GIF素材</div>
					</div>
					<div class="bottom">
						<h2><a href="javascript:;">激发灵感</a></h2>
						<p>为您提供来自全球顶级的商业摄影图片、插画、失量图、360。HDR汽车背景、视频等创意素材</p>
						<a href="javascript:;" class="more">&gt</a>

					</div>
				</div>
				<div class="section1-center">
					<div class="top">
						<img src="image/1489135807377.jpg"/>
						<div class="top-div">美食模式</div>
					</div>
					<div class="bottom">
						<img src="image/1488535873322.jpg"/>
						<div class="top-div">宇宙星河</div>
					</div>
				</div>
				<div class="section1-right">
					<div class="top">
						<img src="image/1491031658202.jpg" />
						<div class="top-div">步履不停：你一生的故事</div>
					</div>
					<div class="bottom">
						<img src="image/1492164315026.jpg"/>
						<div class="top-div">胖不是错，但努力放弃就是了</div>
					</div>
				</div>
			</li>
		
			<li class="section1-msg2">
				<div class="section1-left">
					<div class="top">
						<img src="image/tab1.png"/>
					</div>
					<div class="bottom">
						<h2><a href="javascript:;">推荐精彩</a></h2>
						<p>为您挑选高质量的自然、人文、科技、历史、艺术、音乐、经典广告、娱乐红毯等题材图片</p>
						<a href="javascript:;" class="more">&gt</a>

					</div>
				</div>
				<div class="section1-center">
					<div class="top">
						<img src="image/tab2.png"/>
					</div>
					<div class="bottom">
						<img src="image/tab3.png"/>
					</div>
				</div>
				<div class="section1-right">
					<div class="top">
						<img src="image/tab4.png" />
						
					</div>
					<div class="bottom">
						<img src="image/tab5.png"/>
					</div>
				</div>
			</li>

			<li class="section1-msg3">
				<div class="section1-left">
					<div class="top">
						<img src="image/tab6.png"/>
						
					</div>
					<div class="bottom">
						<h2><a href="javascript:;">影视档案</a></h2>
						<p>为您甄选全球范围的高清海报、经典剧照、明星肖像、电视剧、幕后片场等影视素材图片</p>
						<a href="javascript:;" class="more">&gt</a>

					</div>
				</div>
				<div class="section1-center">
					<div class="top">
						<img src="image/tab7.png"/>
					</div>
					<div class="bottom">
						<img src="image/tab8.png"/>
						
					</div>
				</div>
				<div class="section1-right">
					<div class="top">
						<img src="image/tab9.png" />
						
					</div>
					<div class="bottom">
						<img src="image/tab10.png"/>
						
					</div>
				</div>
			</li>
		</ul>
	</div>
	<div class="section2 container">
		<div class="left fl">
			<div class="left-border">
				<h3>马上注册</h3>
				<h4>享受更多服务</h4>
				<hr></hr>
				<p>免费下载无水印小样图</p>
				<p>收藏你的喜爱，分享你的发现</p>
				<p>会员积分制，可获惊喜奖励</p>
			</div>
		</div>
		<div class="right fr">
			<h3>高品图像</h3>
			<input type="text" placeholder="用户名"></input>
			<input type="text" placeholder="邮件地址"></input>
			<input type="text" placeholder="设置密码"></input>
			<p>注册即表示您已同意我们的 <a href="#">条款和政策</a></p>
			<a href="#" class="btn">现在注册</a>
		</div>
	</div>
	<div class="section3 container">
		<div class="left fl">
			<h3>成为高品供稿人</h3>
			<h4>Be a Gaopin Contributor</h4>
			<span>如果你</span>
			<p>视角独特，风格鲜明，追求创新</p>
			<a href="#" class="now">现在就加入我们</a>
		</div>
		<div class="right fr">
			<div class="right-b"></div>
		</div>
	</div>
	<div class="footer">
		<div class="container">
			<a href="#" class="text">高品图像</a>
			<div class="msg">
				<div class="left fl">
					<span>免费热线：</span>
					<a href="#" class="left-a">400-8191-800</a>
					<span>服务电邮：</span>
					<a href="#" class="left-a">service@gaopinimages.com</a>
					<span class="about">关注我们</span>
					<div class="erweima">
						<div class="left fl">官方微信</div>
						<div class="right fl">官方微博</div>
					</div>

				</div>
				<ul class="fr">
					<li>
						<a href="#" class="titl">ABOUT</a>
						<a href="#">About Gaopin</a>
						<a href="#">高品新闻</a>
						<a href="#">加入我们</a>
						<a href="#">网站使用协议</a>
						<a href="#">隐私保护政策</a>
						<a href="#">Cookie政策</a>
						<a href="#">授权条款及条件</a>
					</li>
					<li>
						<a href="#" class="titl">创意图片</a>
						<a href="#">免版税RF</a>
						<a href="#">版权管理RM</a>
						<a href="#">汽车背景</a>
						<a href="#">GIF</a>
						<a href="#" class="tit2">编辑图片</a>
						<a href="#">纪实</a>
						<a href="#">历史</a>
						<a href="#">艺术</a>
						<a href="#" class="tit2">影视档案</a>
						<a href="#" class="titl">视频</a>
					</li>
					<li>
						<a href="#" class="titl">供稿通道</a>
						<a href="#">申请成为供稿人</a>
						<a href="#" class="tit3">高品专题</a>
						<a href="#" class="titl">高品影展</a>
					</li>
					<li>
						<a href="#" class="titl">我的账户</a>
						<a href="#">个人信息</a>
						<a href="#">收藏夹</a>
						<a href="#" class="tit2">客户服务</a>
						<a href="#">联系我们</a>
					</li>
				</ul>
			</div>
			<div class="qq"></div>
		</div>
		<div class="bottom">
			All contents © copyright 2017 Gaopin Images. All rights reserved. 本网站所有影像均由高品(北京)图像有限公司授权发布。侵权必究。京ICP备16000827号
		</div>
	</div>
</body>
</html>